<template>
  <div class="app-container">
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <span>论文页面（陈曦）</span>
      </div>
      
      <!-- 个人基本信息展示区域 -->
      <el-card class="section-card" shadow="never">
        <div slot="header" class="section-header">
          <i class="el-icon-user-solid"></i>
          <span>个人基本信息</span>
        </div>
        <el-row :gutter="20">
          <el-col :span="8">
            <div class="info-item">
              <label class="info-label">姓名：</label>
              <span class="info-value">陈曦</span>
            </div>
          </el-col>
          <el-col :span="8">
            <div class="info-item">
              <label class="info-label">学号：</label>
              <span class="info-value">202301001</span>
            </div>
          </el-col>
          <el-col :span="8">
            <div class="info-item">
              <label class="info-label">专业：</label>
              <span class="info-value">计算机科学与技术</span>
            </div>
          </el-col>
        </el-row>
        <el-row :gutter="20" style="margin-top: 15px;">
          <el-col :span="8">
            <div class="info-item">
              <label class="info-label">学院：</label>
              <span class="info-value">信息工程学院</span>
            </div>
          </el-col>
          <el-col :span="8">
            <div class="info-item">
              <label class="info-label">班级：</label>
              <span class="info-value">计算机2101班</span>
            </div>
          </el-col>
          <el-col :span="8">
            <div class="info-item">
              <label class="info-label">指导教师：</label>
              <span class="info-value">张教授</span>
            </div>
          </el-col>
        </el-row>
        <el-row :gutter="20" style="margin-top: 15px;">
          <el-col :span="24">
            <div class="info-item">
              <label class="info-label">研究方向：</label>
              <span class="info-value">人工智能与机器学习、自然语言处理</span>
            </div>
          </el-col>
        </el-row>
      </el-card>

      <!-- 论文基本信息展示区域 -->
      <el-card class="section-card" shadow="never" style="margin-top: 20px;">
        <div slot="header" class="section-header">
          <i class="el-icon-document"></i>
          <span>论文基本信息</span>
        </div>
        <el-row :gutter="20">
          <el-col :span="12">
            <div class="info-item">
              <label class="info-label">论文题目：</label>
              <span class="info-value">基于深度学习的智能问答系统设计与实现</span>
            </div>
          </el-col>
          <el-col :span="12">
            <div class="info-item">
              <label class="info-label">论文类型：</label>
              <span class="info-value">毕业设计论文</span>
            </div>
          </el-col>
        </el-row>
        <el-row :gutter="20" style="margin-top: 15px;">
          <el-col :span="12">
            <div class="info-item">
              <label class="info-label">提交日期：</label>
              <span class="info-value">2024年6月15日</span>
            </div>
          </el-col>
          <el-col :span="12">
            <div class="info-item">
              <label class="info-label">答辩日期：</label>
              <span class="info-value">2024年6月25日</span>
            </div>
          </el-col>
        </el-row>
        <el-row :gutter="20" style="margin-top: 15px;">
          <el-col :span="24">
            <div class="info-item">
              <label class="info-label">关键词：</label>
              <span class="info-value">深度学习、智能问答、自然语言处理、BERT模型</span>
            </div>
          </el-col>
        </el-row>
        <el-row :gutter="20" style="margin-top: 15px;">
          <el-col :span="24">
            <div class="info-item">
              <label class="info-label">论文摘要：</label>
              <div class="abstract-content">
                本文针对传统问答系统在复杂问题处理上的局限性，提出了一种基于深度学习的智能问答系统。系统采用BERT预训练模型进行语义理解，结合注意力机制和知识图谱技术，实现了对复杂问题的准确理解和回答。通过实验验证，系统在多个评测数据集上取得了优于传统方法的性能表现。
              </div>
            </div>
          </el-col>
        </el-row>
      </el-card>

      <!-- 论文结论展示区域 -->
      <el-card class="section-card" shadow="never" style="margin-top: 20px;">
        <div slot="header" class="section-header">
          <i class="el-icon-finished"></i>
          <span>论文结论</span>
        </div>
        <div class="conclusion-content">
          <h4>主要研究成果：</h4>
          <ul>
            <li>设计并实现了一个基于深度学习的智能问答系统架构</li>
            <li>提出了一种结合BERT模型和知识图谱的问答方法</li>
            <li>在SQuAD和CMRC数据集上分别达到了85.3%和82.7%的准确率</li>
            <li>系统具有良好的可扩展性和实用性</li>
          </ul>
          
          <h4>创新点：</h4>
          <ul>
            <li>将预训练语言模型与传统知识图谱技术相结合</li>
            <li>设计了多层次的问答处理机制</li>
            <li>实现了对复杂问题的深度语义理解</li>
          </ul>
          
          <h4>未来展望：</h4>
          <p>未来将进一步优化模型性能，扩展系统功能，探索在多模态问答和跨语言问答等方向的应用。</p>
        </div>
      </el-card>
    </el-card>
  </div>
</template>

<script>
export default {
  name: "Paper",
  data() {
    return {
      // 页面数据
    }
  },
  methods: {
    // 页面方法
  }
}
</script>

<style scoped>
.app-container {
  padding: 20px;
}

.box-card {
  min-height: 500px;
}

.section-card {
  border: 1px solid #ebeef5;
  border-radius: 4px;
}

.section-header {
  display: flex;
  align-items: center;
  font-weight: bold;
  color: #409eff;
}

.section-header i {
  margin-right: 8px;
  font-size: 16px;
}

.info-item {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}

.info-label {
  font-weight: bold;
  color: #606266;
  min-width: 80px;
  text-align: right;
  margin-right: 10px;
}

.info-value {
  color: #303133;
  flex: 1;
}

.abstract-content {
  background-color: #f8f9fa;
  padding: 15px;
  border-radius: 4px;
  border-left: 4px solid #409eff;
  line-height: 1.6;
  color: #495057;
}

.conclusion-content {
  line-height: 1.8;
}

.conclusion-content h4 {
  color: #409eff;
  margin: 20px 0 10px 0;
}

.conclusion-content ul {
  margin: 10px 0;
  padding-left: 20px;
}

.conclusion-content li {
  margin-bottom: 8px;
}

.conclusion-content p {
  margin: 10px 0;
  color: #606266;
}
</style>